.todo-list{
  display: flex;
  // justify-content: center;
  align-items: center;
  margin: 10px 5px;
  .checkbox{
    flex: 1;
  }
  .conter{
    flex: 5;
    // 字体过多使用省略号代替
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .btns{
    flex: 4;
    display: flex;
    justify-content: space-around;
    .btn{
      border: 1px solid #ccc;
      border-radius: 3px;
      padding: 5px;
      color: #ccc;
    }
    .btn-primary{
      background-color: rgb(38, 11, 192);
    }
    .btn-danger{
      background-color: rgb(244, 30, 41);
    }
    .btn-warring{
      background-color: rgb(231, 132, 83);
    }
  }
}